<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>OpenLayers GeoRSS Example</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="OpenLayers.js"></script>
    <script src="touch.js"></script>
    <script type="text/javascript">
        var map, layer;

        OpenLayers.ProxyHost = "/proxy/?url=";
        function init(){
            map = new OpenLayers.Map( 'map');
            layer = new OpenLayers.Layer.OSM( "Simple OSM Map");
            map.addLayer(layer);
            map.setCenter(
                new OpenLayers.LonLat(11, 49).transform(
                    new OpenLayers.Projection("EPSG:4326"),
                    map.getProjectionObject()
                ), 7
            );    
            
            addUrl("_list/georss/all");
            this.touchhandler = new TouchHandler( map, 4 );
        }
        function addUrl(value) {
            var parts = value.split("/");
                var newl = new OpenLayers.Layer.GeoRSS( parts[parts.length-1], value);
                map.addLayer(newl);
        }
    </script>
  </head>
  <body onload="init()">
    <h1 id="title">Butterfly Example</h1>

    <div id="tags"></div>

    <p id="shortdesc">
        Project butterfly.
    </p>

    <div id="map" class="smallmap"></div>
   
  </body>
</html>
